<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>jQuery显示隐藏特效</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <style type="text/css" media="screen">
    body {
        width: 960px;
        margin: 0 auto;
        font: 18px/1.8em '微软雅黑';
    }

    h1 {
        color: green;
    }

    button {
        margin: 5px 20px 5px 0;
    }
    </style>
    <script>
    $(function() {
        $("button:contains('显示')").click(function() {
            $("p:first").show();
        });
        $("button:contains('隐藏')").click(function() {
            $("p:first").hide();
        });
        $("button:contains('toggle')").click(function() {
            $("p:first").toggle();
        });
        $("button:contains('duration')").click(


            function() {
                $("p:first").toggle('fast');
            }


        );
    });
    </script>
</head>

<body>
    <h1>jQuery显示隐藏特效</h1>
    <button>显示</button>
    <button>隐藏</button>
    <button>toggle</button>
    <button>duration</button>
    <p>《茶馆》结构上分三幕，以老北京一家叫裕泰的大茶馆的兴衰变迁为背景，展示了从清末到北洋军阀时期再到抗战胜利以后的近50年间，北京的社会风貌和各阶层的不同人物的生活变迁。每一幕写一个时代，北京各阶层的三教九流人物，出人于这家大茶馆，全剧展示出来的是一幅幅气势庞大的历史画卷，形象地说明了旧中国的必然灭亡和新中国诞生的必然性。</p>
    <p>剧本中出场的人物近50人，除茶馆老板之外，有吃皇粮的旗人、办实业的资本家、清官里的太监、信奉洋教的教士、穷困潦倒的农民，以及特务、打手、警察、流氓、相士等，人物众多但性格鲜明，能够“闻其声知其人”，“三言两语就勾出一个人物形象的轮廓来”。作品通过茶馆老板王利发对祖传“裕泰茶馆”的惨淡经营，描写他虽然精明圆滑、呕心沥血，但终于挡不住衰败的结局，从侧面反映了中国社会的走向。剧作在国内外多次演出，赢得了较高的评价，是中国当代戏剧创作的经典作品。</p>
    <ol>
        <li><a href="on.html">2</a></li>
        <li><a href="scrolltotop.html">3</a></li>
    </ol>
</body>

</html>